<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--
async和defer都能让脚本异步加载

但defer异步加载以后的执行顺序是有顺序的，比如上下两个defer script，只有上面的defer script执行了才会执行下面那个
-->
<script async>

</script>

<script defer></script>

<!--
preload 可以对当前页面所需的脚本、样式等资源进行预加载

prefetch 加载的资源一般不是用于当前页面的，是未来很可能用到的这样一些资源(当浏览器空闲的时候会去抓取)
-->
</body>
</html>
